<!DOCTYPE html>
<!--
	作者：leryo@163.com
	时间：2018-06-01
	描述：目标2：编写一个页面的头部，实现如下的功能：
				页面标题为：网上书城；
				显式的设置在相同框架下中打开被链接文档；
设				定编辑工具、作者、关键字、描述（后两项根据《网上书城》的目的编写）和字符集（gb2312）；

-->
<html>

	<head>
		<meta name="Generator" content="HBilder">
		<meta name="author" content="LY">
		<meta name="Keywords" content="网上书城，网上书店，网上读书，网络书店，书店">
		<meta name="Description" content="网上书店主要经营计算机图书、经济管理图书、考试书、教材、英语书、法语书、日语书、英文影印书、数学书、物理书 、通信书、工业技术书、法律书等">
		<!--
        	作者：leryo@163.com
        	时间：2018-06-05
        	描述：
        <meta http-equiv="refresh"  content="5;URL=https://www.baidu.com">
        	-->
		<!--
		<meta http-equiv="refresh" content="5;URL=http://www.runoob.com/html/html-intro.html“>
		-->
		<meta http-equiv="refresh" content="2;URL=http://www.runoob.com" />
		<meta charset="utf-8">
		<!--
        	
        -->

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<title>网上书城</title>
	</head>

	<body bgcolor="aquamarine" background="img/book.jpg">

		<p>
			<h1 align="center">网上书城</a></h1>
			<hr/>
			<br/>这是一家网上书城<br />(br/换行)在这里你可以购买到自己需要的书籍<br />
		</p>
		<p>
			<a href="#big">跳转到This text is big.</a>
		</p>
		<p>hr 标签定义水平线：</p>
		<hr />

		<!--
        	这是一段隐藏的注释
        -->
		<b>This text is bold粗体</b>
		<!--
        	无强调或着重意味的粗体（bold），
        	比如文章摘要中的关键词、评测文章中的产品名称、文章的导言……
        	bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求
        -->
		<br><strong>This text is strong着重内容</strong>
		<!--
        	<strong>这个标签意思是加强，表示该文本比较重要，
        		提醒读者／终端注意。为了达到这个目的，浏览器等终端将其加粗显示；
        -->
		<a name="big"> big</a>
		<br><big>This text is big</big>
		<br><em>This text is emphasized强调内容</em>
		<br><i>This text is italic斜体</i>
		<!--
        	无强调或着重意味的斜体（italic），比如生物学名、术语、外来语
        	（比如「de facto」这样的英语里常用的拉丁语短语）
        -->
		<br><small>This text is small小</small>
		<br>This text contains<sub>subscript下标</sub>
		<br>This text contains<sup>superscript上标</sup>
		<hr>
		<pre>包围在 pre  元素 中的 文本 通常 
			会保留空格
			和换行符。
		一个常见应用就是用来表示计算机的源代码
		</pre>
		<hr/> 用Pre
		<pre> 
			public class HelloWorld {
    			public static void main(String[] args) {
        		System.out.println("Hello World");
    		}
    	}
    	</pre>
		<address>
				Written by <a href="mailto:leryo@163.com">Leryo</a>.<br> 
		</address>
		<bdo dir="rtl">
			Here is some Hebrew text
		</bdo>
		<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
		<hr /> HTML 链接实例
		<p>
			<a href="README.md">readme</a>指向本地文件
			<a href="https://www.baidu.com">百度链接</a>
		</p>
		<p>
			<a href="book1.html"><img src="img/tobook1.jpg" border="0"></a>
		</p>
		<br>在新的页面中打开
		<a href="https://www.baidu.com" target="_blank"> _blank百度</a>
		<br> 在上一级窗口打开，如果上一级窗口不存在，即默认为当前窗口
		<a href="https://www.baidu.com" target="_parent">_parent百度</a>
		<br>这就是当前窗口打开，不写这个target属性的话，就默认为_self
		<a href="https://www.baidu.com" target="_self">_self百度 </a>
		<p>这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口
			<br>
			<a href="https://www.baidu.com" target="_top">_top百度</a>
		</p>

	</body>

</html>